<template>
  <view class="screen-width container">
    <view class="pay-list-content">
      <view v-for="(item,index) in payInfo.payList" :key="index" class="pay-list">
        <view class="name">
          <text>发明</text>
          {{ item.patentName }}
        </view>
        <view>费用种类：{{ item.feeType }}</view>
        <view>应缴金额：{{ item.shouldPaymentAmount }}元</view>
        <view>服 务 费：{{ item.serviceCharge }}元</view>
        <view>截止日期：{{ item.payCloseTime }}</view>
      </view>
      <view class="flex space-between items-middle">
        <view>
          数量：
          <text style="color:red">{{ payInfo.payList.length }}</text>
        </view>
        <view>
          合计：
          <text style="color:red">{{ payInfo.lumpSum }}</text>
        </view>
      </view>
    </view>
    <view class="pay-info">
      <view class="flex items-middle">
        <text>发票抬头：</text>
        <input v-model="customerData.receipt" type="text" />
      </view>
      <view class="flex items-middle">
        <text>邮寄地址：</text>
        <input v-model="customerData.mailingAddress" type="text" />
      </view>
      <view class="flex items-middle">
        <text>联 系 人 ：</text>
        <input v-model="customerData.contactPerson" type="text" />
      </view>
      <view class="flex items-middle">
        <text>联系电话：</text>
        <input v-model="customerData.contactNumber" type="text" />
      </view>
    </view>
    <view class="pay-btn">
      <view class="agree flex items-middle flex-center">
        <checkbox-group @change="checkboxChange">
          <checkbox :checked="check" color="#1687ff" style="transform:scale(0.7)" />
        </checkbox-group>
        <view>
          我同意
          <text>平台协议</text>
        </view>
      </view>
      <view class="btn" @click="pay">支付</view>
    </view>
    <view class="tips">
      <text>专利年费缴费说明</text>1、专利年费由平台代收代缴，专利局开具相关的收据。
      <br />2、完善缴费相关的收据信息，包括:收据抬头、邮寄地址、联系人信息。
      <br />3、每次专利年费专利局只开具一次收据，如果用户在缴费的时候没有提供完善的信息，导致无法收到专利局开具的收据，平台不承担相关责任。
      <br />4、代缴服务费及快递费用由平台收取，不开具相关发票
    </view>
    <Festival></Festival>
  </view>
</template>
<script src="./index.js"></script>
<style lang="less" scoped src="./index.less"></style>